page{
	background-color: #f7f7f7;
}
.userInfo{
	height: 45vh;
	overflow: hidden;
	background-color: var(--themeColor);
	position: relative;
	.user_img_box{
		position: relative;
		.user_gackG{
			height: 50vh;
			filter: blur(20rpx);
			border: 30rpx solid #1296db;
		}
	
		.userHeadInfo{
			position: absolute;
			left: 50%;
			top: 20%;
			transform: translateX(-50%);
			text-align: center;
			.user_icon{
				width: 150rpx;
				height: 150rpx;
				border-radius: 50%;
			}
			.userName{
				color: #FFFFFF;
				margin-top: 30rpx;
				font-size: 35rpx;
			}
		}
	}
	
	.loginBtn{
		navigator{
			position: absolute;
			left: 50%;
			top: 30%;
			transform: translateX(-50%);
			font-size: 50rpx;
			font-weight: 600;
			background-color: #FFFFFF;
			padding: 20rpx 100rpx;
			border: 7rpx solid #000000;
			border-radius: 20rpx;
		}
		
	}
}


.userContent{
	position: relative;
	.userMain{
		padding-bottom: 50rpx;
		color: #666666;
		position: absolute;
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
		top: -40rpx;
		.history{
			background-color: #FFFFFF;
			display: flex;
			padding: 15rpx 0;
			navigator{
				flex: 1;
				text-align: center;
				.his_number{
					color: var(--themeColor);
				}
			}
		}
		
		.my_order{
			background-color: #FFFFFF;
			margin-top: 25rpx;
			.order_title{
				padding: 20rpx;
				border-bottom: 5rpx solid #eeeeee;
				font-size: 30rpx;
				font-weight: bold;
			}
			.order_content{
				display: flex;
				text-align: center;
				padding: 20rpx 0;
				border-bottom: 3rpx solid #dcdcdc;
				navigator{
					flex: 1;
					.iconfont{
						color: var(--themeColor);
					}
					.order_name{
						padding-top: 10rpx;
					}
				}
			}
		}
	
		.Myaddress{
			margin-top: 25rpx;
			background-color: #FFFFFF;
			padding: 20rpx;
			font-size: 30rpx;
			border-bottom: 3rpx solid #dcdcdc;
		}
		
		.app{
			margin-top: 25rpx;
			background-color: #FFFFFF;
			.app_items{
				padding: 20rpx;
				border-bottom: 3rpx solid #dcdcdc;
			}
			.linkwith{
				display: flex;
				justify-content:space-between;
			}
		}
		
		.shareApp{
			width: 100%;
			margin-top: 25rpx;
			background-color: #FFFFFF;
			border-bottom: 5rpx solid #dcdcdc;
			padding: 30rpx;
			font-size: 35rpx;
			font-weight: bold;
			text-align: center;
			color: var(--themeColor);
		}
	}
}